<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<!--<link rel="shortcut icon" href="../../assets/ico/favicon.ico">-->

		<title>LawResolution - Admin</title>

		<!-- Bootstrap core CSS -->
		<link rel="stylesheet" href="../css/bootstrap.min.css">
		<link href="../css/bootstrap.css" rel="stylesheet">
		<link href="../css/theme2.css" rel="stylesheet">
		<!-- Bootstrap theme -->
		<link href="../css/bootstrap-theme.css" rel="stylesheet">
		<link href="../css/business-casual.css" rel="stylesheet">

		<!-- Custom styles for this template -->

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body style="background-color:#1b1b1b;">
		<div id="topMenu" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
			<div class="row">
				<div class="col-md-2"></div>
				<div class="col-md-8">
					<!-- <div class="navbar-collapse collapse"> -->
					<div id="logo">
						<img src="../img/logo.png" alt="testImage"/>
					</div>
					<div id="identification">
						<form class="navbar-form navbar-right" role="form">
							<p class="autoco">
								Bonjour #####, <a href="#">déconnexion</a>
							</p>
						</form>
					</div>
					<!--</div><!--/.navbar-collapse -->
				</div>
			</div>
			<div id="menuLien">
				<nav class="navbar navbar-default" role="navigation">
					<div class="container">
						<div class="navbar-header"></div>
					</div>
				</nav>
			</div>
		</div>

		<!-- afficher si l'admin -->
		<div class="account">
			<div class="client" style="background-color:white;">
				<table class="clientTable">
					<tr>
						<td style="padding-left: 10px;padding-top: 10px;" valign="top"><a href="#">Client 1</a>
						<br />
						<a href="#">Client 2</a></td>
					</tr>
				</table>
				<div class="clientAction">
					<a data-toggle="modal" href="#ajoutClient"><img src="../img/add-icon.png"/></a>
					<a data-toggle="modal" href="#suppressionClient"><img src="../img/remove-icon.png"/></a>
					<a data-toggle="modal" href="#modificationClient"><img src="../img/edit-icon.png"/></a>
				</div>
			</div>
			<div class="clientData" style="background-color: white;">
				<ul class="nav nav-tabs" id="myTab">
					<li class="active">
						<a href="#home" data-toggle="tab">Ses Affaires en Cours</a>
					</li>
					<li>
						<a href="#profile" data-toggle="tab">Modification</a>
					</li>
				</ul>

				<div class="tab-content">
					<div class="tab-pane active" id="home">
						affaire
					</div>
					<div class="tab-pane" id="profile">
						modification
					</div>
				</div>
			</div>
		</div>

		<div class="modal fade" id="modificationClient" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="margin-top: 150px;">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title" id="myModalLabel">Modifier un client</h4>
					</div>
					<div class="modal-body">
						<form>
							Nom :
							<select name="nom">
								<option value="client1">Client 1</option>
								<option value="client2">Client 2</option>
							</select>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">
							Annuler
						</button>
						<button type="button" class="btn btn-primary">
							Sauver
						</button>
					</div>
				</div>
			</div>
		</div>

		<div class="modal fade" id="suppressionClient" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="margin-top: 150px;">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title" id="myModalLabel">Supprimer un client</h4>
					</div>
					<div class="modal-body">
						<form>
							Nom :
							<select name="nom">
								<option value="client1">Client 1</option>
								<option value="client2">Client 2</option>
							</select>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">
							Annuler
						</button>
						<button type="button" class="btn btn-primary">
							Supprimer
						</button>
					</div>
				</div>
			</div>
		</div>

		<div class="modal fade" id="ajoutClient" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="margin-top: 150px;">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title" id="myModalLabel">Ajouter un client</h4>
					</div>
					<div class="modal-body">
						<form>
							Nom :
							<input placeholder="Nom" type="text" name="nom" class="form-control" />
							<br />
							<input class="form-control" placeholder="Prénom" type="text" name="prenom" />
							<br />
							Addresse e-mail :
							<input type="text" class="form-control" placeholder="E-Mail" name="mail "/>
							<br />
							Numéro de téléphone :
							<input text="text" class="form-control" placeholder="Téléphone" />
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">
							Fermer
						</button>
						<button type="button" class="btn btn-primary">
							Sauver
						</button>
					</div>
				</div>
			</div>
		</div>

		<!-- afficher si user -->
		<script src="../js/jquery-1.11.0.min.js"></script>
		<script src="../js/bootstrap.min.js"></script>
		<script src="../js/account.js"></script>
	</body>
</html>